<template>
  <ul>
    <router-link to="/film/nowplaying" tag="li" active-class="filmHactive">正在热映</router-link>
    <router-link to="/film/comingsoon" tag="li" active-class="filmHactive">即将上映</router-link>
  </ul>
</template>

<script>
export default {
  name: '',

  data () {
    return {
    }
  },

  methods: {}
}

</script>
<style scoped lang='less'>
.filmHactive{
  color: red;
  border-bottom: 3px solid red;
}
ul{
  background-color: #fff;
  text-align: center;
  display: flex;
  height: 40px;
  line-height: 40px;
  li{
    flex: 1;
  }
}
</style>
